<ui:composition template="/dynamic/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

	<ui:define name="content">
		<style>
.attr span {
	display: block;
}

form {
	width: 100%;
}

.mail span {
	width: 100%;
	text-align: left;
}

#message-info-div {
	width: 100%;
}

#message-info-div input {
	width: 100%;
}

textarea {
	width: 100%;
	height: 300px;
}

#message-div {
	width: 100%;
}
</style>
		<h3>Napisz nową</h3>
		<h:form id="mail_form">
			<fieldset>
				<div>
					<div class="mail" id="message-info-div">
						<span>Adresat</span>
						<p:inputText id="recipient" value="#{mailMBean.recipientName}"
							requiredMessage="Adresat jest wymagany"
							validatorMessage="Adresat musi być dłuższy niż 2 znaki!" />
						<h:message id="recipientM" for="recipient" style="color:red"
							showDetail="true" showSummary="true" tooltip="true" />


						<span>Tytuł wiadomości</span>
						<p:inputText id="title" value="#{mailMBean.actualMail.title}"
							requiredMessage="Tytuł jest wymagany"
							validatorMessage="Tytuł musi być dłuższy niż 2 znaki!" />
						<h:message id="titleM" for="title" style="color:red"
							showDetail="true" showSummary="true" tooltip="true" />


					</div>
					<div class="mail" id="message-div">


						<span>Treść wiadomości</span>
						<p:inputTextarea id="content" style="text-align:left;" />
						<h:message id="contentM" for="content" style="color:red"
							showDetail="true" showSummary="true" tooltip="true" />

						<p:commandLink action="#{mailMBean.saveMail}" ajax="false"
							value="Wyślij" />

					</div>
				</div>
			</fieldset>
		</h:form>
	</ui:define>
</ui:composition>